@charset "gb2312";
/* CSS Document */
body{margin:0;padding:0;font-size:16px;color:#606060;line-height:32px;background:#ffffff;font-family:"΢���ź�";}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,p{margin:0;padding:0;border:0;color:#000}
ul,li{list-style:none;}
a{text-decoration:none;color:#606060;}
a:hover{text-decoration:underline;color:#F0B24A}
.clear{clear:both}
.left{float:left}
.right{float:right}
.main{width:1400px;margin:0 auto;}
.mar50{margin:50px auto;}
input,textarea{-webkit-box-sizing: border-box;}
.fadeIn1{opacity: 1 !important;transform: translateY(0px) !important;}

.head{height:96px;/* background-color:#000000; */background: linear-gradient(to bottom, #333, rgba(255, 0, 0, 0));position: fixed;z-index: 999; width:100%;}
.head_bk{background: #1E3F78 !important;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);}
.logo{margin-top:26px;width:171px;}
.menu{line-height:96px;}
.menu ul li{/*width:100px;*/margin:0 20px;float:left;color:#fff;font-size:16px;position:relative;}
.menu ul li:last-child{width:180px;text-align:right;font-size: 1.5rem;font-weight: 600;}
.menu ul li a{display:block;text-align:center;font-size:16px;color:#fff;}
.menu ul li a:hover,
.menu ul li .cur{color:#F0B24A;text-decoration:none;}
.menu ul li ul{display:none;position:absolute;top:96px;left:0;background-color:#fff;z-index:9999;width: 130px;}
.menu ul li ul li{float:none;line-height:40px;height:40px;overflow:hidden;margin:0 0px;}
.menu ul li ul li a{color:#000;}
.menu ul li:hover ul{display:block;padding-bottom:20px;}
.menu ul li ul li:last-child{width:100%;text-align:center;font-size: 1rem;font-weight: 400;}

#hbanner { position: relative;height:599px;}
.swiper {margin:0 auto;position: relative;width:100%;height:599px;overflow: hidden;zoom: 1;}
.swiper .Hslide li {width: 100%;height: 100%;position: relative;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(img/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.swiper:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.swiper:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}

.swiper:hover .flex-next:hover,
.swiper:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(img/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-position: 0 0;}
.swiper .Hslide a img {width: 100%;height: 599px;display: block;}

.banner_wz {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.banner_wz .banner_ft,.banner_wz .banner_tit {color: #fff;}
.banner_wz .banner_tit {font-size: 50px;line-height: 50px;margin: 20px 30px 40px;}
.banner_url {border:#F0B24A solid 1px;line-height: 14px;padding: 10px 25px;margin-top: 8px;background: #F0B24A;}
.banner_url a{color: #fff;}
.banner_url a:hover{color: #000;text-decoration:none;}


.one{margin:20px 0;}
.one ul{text-align:center;}
.one ul li{background-color:#000;color:#fff;height:55px;display:inline-block;margin:0 13px;font-size:26px;line-height:56px;cursor:pointer;overflow:hidden;padding:0 10px;}
.one ul li:hover,.one ul li.cur{background-color:#F0B24A;}

.two{border-top:1px #bababa solid;position:relative;opacity: 0;transform: translateY(100px);transition: all 1.5s ease;padding: 30px 0;}
.two .desc{font-size:16px;color:#000;width:1400px;line-height:72px;text-align:center;background:url(img/red5.jpg) no-repeat center 0px;position:absolute;left:0;top:-3px;z-index:7;}
.two ul{margin:90px auto;display:none;}
.two ul.on{display:block;}
.two ul li{width:322px;float:left;height:280px;position:relative;margin-bottom:36px;margin:13px;overflow: hidden;}
.two ul li img{width:322px; height:220px;transition: all .35s;display: block;}
.two ul li:hover img{/*transform: translate(0,-10%);*/transform: scale(1.2);clip-path: inset(0);transition: all 1s ease;}
.two ul li font{display:block;width:322px;height:54px;line-height:54px;background-color:#eaeaea;text-align:center;font-size:18px;color:#000000;position:absolute;/**left:65px;**/bottom:30px;}
/* .two ul li:nth-child(2),.two ul li:nth-child(3),.two ul li:nth-child(6),.two ul li:nth-child(7),.two ul li:nth-child(10),.two ul li:nth-child(11){margin:0 30px 36px 31px;} */
.two ul li:hover font{color:#F0B24A;}

.three{background:#1E3F78;padding: 60px 0;overflow:hidden;opacity: 0;transform: translateY(100px);transition: all 1.5s ease;}
.three .main{width:1400px;margin:0 auto;}
.three .main .htitle{font-size:40px;color:#fff;text-align:center;line-height:72px;font-weight:bold;}
.three .main .htitle2{font-size:30px;color:#fff;text-align:center;line-height:50px;}
.three .main .desc{font-size:16px;color:#fff;line-height:72px;text-align:center;}
.three .main .desc2{font-size:16px;color:#000;line-height:50px;text-align:center;background:url(img/desc2.jpg) no-repeat center bottom;padding-bottom:20px;}
.three .main ul.index{}
.three .main ul.index li{width:430px;float:left;background: #fff;border:#d7d7d7 1px solid;height:388px;margin:17px;overflow: hidden;}
.three .main ul.index li img{display:block;transition: all .35s;width:430px; height:322px;}
.three .main ul.index li:hover img{transform: scale(1.2);clip-path: inset(0);transition: all 1s ease;}
.three .main ul.index li font{display:block;/*border-top:10px #F0B24A solid;*/text-align:center;font-size:20px;color:#000;line-height:60px;position: relative;}
.three .main ul.index li:hover{background-color:#F0B24A;}
.three .main ul.index li:hover font{color:#fff;font-size:23px;/*transition: all 1s ease;text-decoration:none;*/background-color:#F0B24A;}
.three .main ul.index li a:hover{text-decoration:none;}

.three .main ul.pro{margin:50px auto;width:1400px;}
.three .main ul.pro li{width:459px;float:left;height:347px;position:relative;margin-bottom:36px;}
.three .main ul.pro li font{display:block;width:330px;height:54px;line-height:54px;background-color:#eaeaea;text-align:center;font-size:20px;color:#000000;position:absolute;left:65px;bottom:0;}
.three .main ul.pro li:nth-child(2){margin:0 30px 36px 31px;}
.three .main ul.pro li:hover font{color:#F0B24A;}
.three .main ul.pro li:hover img{transform: scale(1.2);clip-path: inset(0);transition: all 1s ease;}

.four{margin:60px auto;/*transform: translateY(100px);transition: all 1.5s ease;*/}
.four .cont{display: flex;justify-content: space-around;}
.four .left{float: none;}
.four .right{float: none;}
.four .hvideo{width: 668px;}
.four .hvideo video{display:block;width:100%; height:auto;}
.four .first{/*border:1px solid #d7d7d7;padding: 30px;*/width:630px;position:relative;}
.four .right .htitle{font-size:30px;margin-top:10px;line-height:60px;color:#000;text-align:left;font-weight:bold;}
.four .right .desc{font-size:16px;text-align:left;color:#222;margin-top:10px;}
.four .right ul{margin-top:50px;}
.four .right ul li{width:33%;float:left;text-align:center;color:#000;font-size:20px;}
.four .right ul li font{font-size:50px;color:#222;display:block;line-height:70px;font-weight:bold;}

.five{width:1400px;margin:60px auto;opacity: 0;transform: translateY(100px);transition: all 1.5s ease;}
.five a:hover{text-decoration:none;}
.five .left{width:700px; height:242px;overflow:hidden;}
.five .left a img{display:block;width:100%;height:100%;}
.five .left a:hover img{transform: scale(1.03); z-index:8;transition: all 1s ease;}
.five .first{border:1px solid #d7d7d7;border-left: none;width: 638px;height: 242px;padding-left: 30px;padding-right: 30px;position:relative;overflow:hidden;}
.five .htitle{font-size:40px;color:#000;text-align:center;line-height:72px;font-weight:bold;}
.five .desc{font-size:16px;color:#000;line-height:72px;text-align:center;}

.five .ntitle{font-size:20px;color:#000;line-height:72px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.five .ndesc{color:#7b7b7b;line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; /* ??????? */overflow: hidden;/* ???? */text-overflow: ellipsis; /* ????????? */}
.five .newa{position:absolute;bottom:30px;left:44px;z-index:2}
.five .newa a{color:#F0B24A;}
.five ul{margin:50px 0;}
.five ul li{width:256px;height:172px;background-color:#f0f0f0;padding:24px;position:relative;float:left;margin:0 23px; color:#7b7b7b;transition: all .35s;overflow: hidden;}
.five ul li .ntitle{line-height:50px;}
.five ul li .ntitle a{color:#000;}
.five ul li .newa{left:24px;}
.five ul li:hover{background-color:#F0B24A;transition: all 1s ease;transform: scale(1.1);clip-path: inset(0);}
.five ul li:hover .ntitle a{color:#ffffff;}
.five ul li:hover .ndesc a{color:#e5e5e1;}
.five ul li:hover .newa a{color:#fff;}

.tree{ background-color:#f5f5f5;height:62px;line-height:57px;}
.tree .left{font-size:20px;color:#000;}
.tree ul{text-align:center;}
.tree ul li{width:123px;text-align:center;float:left;background:url(img/line.jpg) no-repeat right center;}
.tree ul li:last-child{background:none;}
.tree ul li a{font-size:20px;color:#000;display:block;width:100px;margin:0 auto;text-align:center;height:62px;overflow:hidden;}
.tree ul li a:hover,.tree ul li a.cur{border-bottom:5px solid #F0B24A;color:#F0B24A;text-decoration:none;}
.tree .right{text-align:right;color:#000;}
.tree .right a{color:#000;}
.tree .right a:hover,.tree .right a.cur{color:#F0B24A;}

.six{position:relative;transform: translateY(100px);transition: all 1.5s ease;}
.six .desc{font-size:16px;color:#000;width:1400px;line-height:72px;text-align:center;background:url(img/red5.jpg) no-repeat center 0px;position:absolute;left:0;top:-3px;z-index:7;}

.six ul.on{display: flex;justify-content: space-around;margin-bottom: 30px;height: 500px;}
.six ul li{width:426px;height:320px;position:relative;margin-bottom:36px;margin:13px;overflow: hidden;}
.six ul li img{width:426px; height:320px;transition: all .35s;display: block;}
.six ul li:hover img{/*transform: translate(0,-10%);*/transform: scale(1.2);clip-path: inset(0);transition: all 1s ease;}
.six ul li font{display:block;width:426px;height:54px;line-height:54px;background-color:#eaeaea;text-align:center;font-size:18px;color:#000000;position:absolute;/**left:65px;**/bottom:0px;}
/* .six ul li:nth-child(2),.six ul li:nth-child(3),.six ul li:nth-child(6),.six ul li:nth-child(7),.six ul li:nth-child(10),.six ul li:nth-child(11){margin:0 30px 36px 31px;} */
.six ul li:hover font{color:#F0B24A;}

.bottom{background-color:#f5f5f5;padding:50px 0;}
.bottom .htitle{font-size:30px;color:#5c5c5d;text-align:center;line-height:60px;}
.bottom .desc{font-size:16px;color:#000;line-height:32px;text-align:center;}
.bottom ul{margin:40px auto;}
.bottom ul li{width:33%;float:left;text-align:center;color:#838384;font-size:22px;}
.bottom ul li img{display:block;margin:0 auto 20px;}

.ctitle{text-align:center;font-size:40px;line-height:100px;color:#000;margin-top:20px;}
.case{border-top:1px #bababa solid;position:relative;opacity: 0;transform: translateY(100px);transition: all 1.5s ease;}
.case .desc{font-size:16px;color:#000;width:1400px;line-height:72px;text-align:center;background:url(img/red5.jpg) no-repeat center 0px;position:absolute;left:0;top:-3px;z-index:7;}
.case .soso{background-color:#eeeeee;margin-top:100px;line-height:66px;color:#000;text-align:center;}
.case .soso select{height:39px;background-color:#fff;border:none;width:300px;padding:0 10px;margin:0 10px;}
.case .soso input{background-color:#F0B24A;width:98px;height:39px;color:#fff;border:none;}
.case ul.list{margin:92px auto;}
.case ul.list li{width:420px;margin: 0 20px;float:left;margin-bottom:36px;text-align:center;border:1px solid #eeeeee;padding-bottom:20px;line-height:34px;overflow: hidden;}
.case ul.list li font{display:block;margin-top: 30px;height:34px;line-height:34px;font-size:16px;color:#000000;}

.case ul.list li:hover font{color:#F0B24A;}
.case ul.list li:hover img{transform: scale(1.2);clip-path: inset(0);transition: all 1s ease; }
.case h1{font-size:28px;line-height:58px;text-align:center;margin-top:40px;color:#000000;}
.case .cont{margin:40px auto;color:#000;}
.case .cont p{margin:10px 0;}
.case ul.mar100{margin-top:100px;}
.case .serimg{ height:104px;background-color:#eeeeee;margin-top:20px;}
/*��������ҳ���ֲ�ͼ--- star---*/
.flexslider {margin:40px auto;position: relative;width:1036px;height:588px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(img/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(img/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 100%;height: 482px;display: block;}
/*��������ҳ���ֲ�ͼ--- stop---*/

.page{}
.page h1{font-size:28px;line-height:58px;text-align:center;margin-top:40px;color:#000000;}
.page .cont{margin:40px auto;}
.page .cont p{margin:10px 0;}
.pcont{margin:60px 0;}
.pcont p{margin:10px 0;}
.product{ margin:50px auto;}
.product .left{width:710px;min-height:464px;background-color:#eeeeee;}
.product .right{width:625px;text-align: left;}
.product h1{font-size:28px;border-bottom:1px solid #bbbbbb;line-height:34px;padding-bottom:18px;color:#000;}
.product .make{margin-top:20px;}
.product .make a{display:block;float:left;font-size:16px;width:160px;height:40px;line-height:40px;margin-right:13px;text-align:center;color:#868686;background-color:#e4e4e4;border-radius:5px;}
.product .make a:hover{background-color:#F0B24A;color:#fff;text-decoration:none;}
.news{margin:60px auto;width:1400px;}
.news a:hover{text-decoration:none;}
.news .main .left{width:700px;}
.news .first{border:1px solid #d7d7d7;border-left:none;width:638px;height:243px;padding-left:30px;padding-right:30px;position:relative;}
.news .ntitle{font-size:20px;color:#000;line-height:60px;}
.news .ndesc{color:#7b7b7b;}
.news .newa{position:absolute;bottom:20px;left:44px;z-index:2}
.news .newa a{color:#F0B24A;}
.news ul.list{margin:50px auto;width:1400px;}
.news ul.list li{width:600px;height:170px;background-color:#f0f0f0;padding:25px;position:relative;float:left;margin:19px 25px;}
.news ul.list li .ntitle{line-height:50px;}
.news ul.list li .ndesc{height:84px;line-height: 26px; overflow:hidden;}
.news ul.list li .newa{left:24px;}
.news h1{font-size:28px;line-height:58px;text-align:center;margin-top:40px;color:#000000;}
.news .cont{margin:40px auto;color:#000;}
.news .cont p{margin:10px 0;}

.ncont{}
.ncont h1{ font-size:20px;color:#000;text-align:center;background-color:#f5f5f5;line-height:40px;padding-top:20px;}
.ncont .line{ font-size:12px;color:#7a7a7a;text-align:center;background-color:#f5f5f5;line-height:28px;padding-bottom:20px;}
.ncont .main{margin:40px auto;}
.ncont .left{width:1066px;}
.ncont .left p{margin:10px 0;}
.ncont .right{width:324px;}
.ncont .article{border:2px solid #e5e5e5;padding:25px 20px;margin-bottom:13px;}
.ncont .article .pn{background:url(img/line.jpg) repeat-x center;line-height:26px;height:26px;}
.ncont .article .pn span{display:block;background-color:#fff;width:57px;}
.ncont .article .date{color:#a2a2a2;margin-bottom:10px;}
.ncont .recom{border:4px solid #e5e5e5;padding:25px 20px;}
.ncont .recom .title{color:#262626;font-size:16px; padding-bottom:10px;}
.ncont .recom .title span{float:right;}
.ncont .recom .title span a{color:#262626;font-size:14px;}
.ncont .recom .title span a:hover{color:#F0B24A;}
.ncont .recom ul li{border-top:#e5e5e5 solid 1px;padding:18px 0;}
.ncont .recom ul li span{display:block;color:#a2a2a2;}
.contact{margin:50px auto;}
.contact ul li{border:1px solid #e5e5e5;width:627px;height:177px;float:left;padding:20px 30px;}
.contact ul li:nth-child(even){float:right;}
.contact ul li .tel{font-size:30px;width:142px;background:url(img/line2.jpg) no-repeat right center;float:left;line-height:177px;}
.contact ul li .addr{float:right;width:448px;color:#000;}
.contact ul li .addr p{margin:10px 0;}
.contact ul li .addr p strong{font-size:16px;}
/**contact edit**/
.contact .contactUs_a1{
display: flex;
justify-content: flex-end;
align-items: center;
background-image: url(img/bg13.jpg);
background-position: center top;
height: 340px;
box-shadow: 0px 0px 10px #eee;
margin-bottom: 75px;
background-size: cover;
background-repeat: no-repeat;
}
.contact .contactUs_a1 .contactUs_a1_a {
    margin-right: 55px;
}
.contact .contactUs_a1 .contactUs_a1_a .contactUs_a1_a1 {
    font-size: 30px;
    color: #212121;
    font-weight: bold;
    margin-bottom: 10px;
}
.contact .contactUs_a1 .contactUs_a1_a .contactUs_a1_a2 {
    font-size: 20px;
    color: #626262;
}
.contact .contactUs_a1 .contactUs_a1_b {
    font-size: 54px;
    color: #F0B24A;
    font-weight: bold;
    padding-right: 130px;
}
.contact .contactUs_a2 {
    border-top: solid 1px #bcbcbc;
    padding-top: 30px;
}
.contact .contactUs_a2 .contactUs_a2_a {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.contact .contactUs_a2 .contactUs_a2_a i {
    display: block;
    width: 47px;
    height: 2px;
    background-color: #1c4697;
    margin-right: 10px;
}
.contact .contactUs_a2 .contactUs_a2_a span {
    display: block;
    font-size: 20px;
    color: #b7b8bf;
}
.contact .contactUs_a2 .contactUs_a2_b {
    font-size: 30px;
    color: #212429;
    font-weight: bold;
    margin-top: 30px;
}
.contact .contactUs_a2 .contactUs_a2_c .item {
    padding: 30px 15px;
}
.contact .contactUs_a2 .contactUs_a2_c .dt {
    font-size: 18px;
    color: #212429;
    font-weight: bold;
    margin-bottom: 5px;
}
.contact .contactUs_a2 .contactUs_a2_c .dd {
    font-size: 22px;
    color: #757981;
}
.row {
    display: inline-flex;;
    width: 100%;
}
.col-xl-3 {
    /* -ms-flex: 0 0 25%; */
    flex: 0 0 25%;
    max-width: 25%;
}
.col-xl-6 {
    /* -ms-flex: 0 0 50%; */
    flex: 0 0 50%;
    max-width: 50%;
}

/* @media (min-width: 576px) {
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
} */
/**关于我们**/
.about{margin-top: 30px;margin-bottom: 50px;}
.about .title{color:#333333; font-size:48px; text-align:left; line-height:96px; margin-bottom:50px;padding-top:40px;}
.honor{margin-top: 30px;margin-bottom: 50px;}
/**.honor{margin:30px auto;}**/
.honor .title{font-size:48px; color:#333333;width:1400px;line-height:100px; margin-bottom:10px; margin-left:19px;}
.honor .hor{position:relative; width:1400px; height:540px;}
.honor .hor .box{overflow:hidden;position:relative;width:1436px;height:429px;margin:0 auto;}
.honor .hor ul{margin-bottom:37px;height:429px;overflow:hidden;width:9999px;}
.honor .hor ul li{width:359px; height:429px;float:left;position:relative;}
.honor .hor ul li div{width:321px;height:429px;margin:0 19px; background:url(img/honorbg.png) no-repeat 276px 18px #f5f5f5;overflow: hidden;}
.honor .hor ul li img{display:block; margin-top:48px; margin-left:82px; margin-bottom:32px;}
.honor .hor ul li span{display:block;text-align:center;margin:0 24px; border-top:1px solid #cccccc; color:#333333; font-size:16px; line-height:20px; padding-top:22px;}
.honor .hor ul li font{display:block;text-align:center;color:#999999; font-size:16px;line-height:22px;}
.honor .hor .prev{width:59px;height:59px;background:url(img/left.png) no-repeat center #fff;left:600px;cursor:pointer; position:absolute; bottom:0}
.honor .hor .next{width:59px;height:59px;background:url(img/right.png) no-repeat center #fff;right:600px;cursor:pointer;position:absolute; bottom:0}




@media screen and (max-width:1500px) {
	.honor .hor{margin:20px auto; width:1236px;}
	.honor .hor .title{width:1200px;}
	.honor .hor .box{width:1036px; height:398px;}
	.honor .hor ul li{width: 289px;background: url(img/honorbg.png) no-repeat 250px 18px #f5f5f5;margin: 0 10px;}
	.honor .hor ul li div{width:256px;height:398px;}
	.honor .hor ul li img{display:block; margin:30px auto;}
	.honor .hor .prev{left:520px;}
	.honor .hor .next{right:520px;}
}
.gccont{margin-top: 30px;margin-bottom: 50px;}
.gccont .title{color:#333333; font-size:48px; text-align:center; line-height:96px; margin-bottom:50px;padding-top:40px;}
.gccont .shb{padding-bottom:70px;position:relative;width:1400px;height:483px;}
.gccont .shb .box{overflow:hidden;position:relative;width:1215px;height:483px;margin:0 auto;}
.gccont .shb ul.list{overflow:hidden;width:9999px;}
.gccont .shb ul.list li{float:left; position:relative; width:405px; height:483px; text-align:center;}
.gccont .shb ul.list li span{display:block;width:390px;position:absolute; bottom:28px; left:0; text-align:center; color:#ffffff; font-size:18px; line-height:36px;}
.gccont .shb ul.list li:hover span{color:#ff9a32}
.gccont .shb ul li:hover img{transform: translateY(-20px);transition: all 1s ease;z-index:8;}
.gccont .shb .prev{width:85px;height:483px;background:url(img/zuo.png) no-repeat center left;position:absolute;top:0;cursor:pointer;font:0/0 Arial;left:5px; display:block;}
.gccont .shb .next{width:85px;height:483px;background:url(img/you.png) no-repeat center right;position:absolute;top:0;cursor:pointer;font:0/0 Arial;right:5px; display:block;}
@media screen and (max-width:1500px) {
    
	.gccont .shb{width:1200px;height:403px;}
	.gccont .shb .box{width:1014px;height:403px;}
	.gccont .shb ul.list li{width:338px;height:403px;}
	}

.book{}
.book h2{font-size:30px;color:#000;padding-left:86px;line-height:60px;}
.book form{margin:20px 0 40px;}
.book input{width:572px;height:73px;background-color:#f5f5f5;border:none;padding:0 39px;margin-bottom:30px;}
.book textarea{width:1171px;height:260px;background-color:#f5f5f5;border:none;padding:39px;margin-bottom:30px;}
.book .mar24{margin-right:24px;}
.book .wid1170{width:1171px;}
.book .submit{background-color:#F0B24A;width:292px;color:#FFF;font-size:24px;margin-left:40px;}

.foot{background-color:#1b2938;}
.foot .sotext{width:264px;height:64px;background-color:#717171;border:0;color:#000;line-height:64px;float:left;padding-left:24px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.foot .left img{margin:60px 0 26px;}
.foot .right{width:880px;margin-top:60px;display: flex;justify-content: flex-end;}
.foot .right ul{float:left;width:170px;}
.foot .right ul li{color:#fff;line-height:30px;}
.foot .right ul li strong{font-size:20px;line-height:40px;}
.foot .right ul li a{color:#fff;}
.foot .right ul:last-child{width:200px;}
.foot .link{color:#fff;margin-top:15px;}
.foot .link a{color:#fff;}
.foot .copyright{border-top:1px solid #000;line-height:77px;color:#bababa; margin-top:25px;}
.foot input::-webkit-input-placeholder {/* WebKit browsers */ color: #000;}
.foot input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000;}
.foot input:-ms-input-placeholder {/* Internet Explorer 10+ */ color: #000;}
#showbox { background:#eee;}
#showbox span { background:url(img/whitebg.png) repeat;}
#showsum { left:25px;margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #F0B24A;}

.showpage { width:710px;position:relative;}
.showpage a { display:block;width:15px;border:1px solid #ddd;height:60px;line-height:60px;background:#eee;text-align:center;font-size:18px;position:absolute;left:0;top:-62px;text-decoration:none;color:#999;}
.showpage a#shownext { left:auto;right:0;}
.showpage a:hover { background:#ccc;color:#777;}


/* ?? */
.paging{padding:50px 10px 30px;margin:3px;text-align:center;font-size:14px;}
.paging a{display:inline-block;*display:inline;zoom:1;margin:3px;border:1px solid #e5e5e5;background:#fff;line-height:27px;width:27px;;vertical-align: top;}
.paging a:hover{text-decoration:none;}
.paging span{color:#000;background-color:#fff;line-height:27px;width:27px;width:110px;margin:3px;border:1px solid #e5e5e5;display:inline-block;text-align:center;}
.paging a.home{background:url(img/home.png) no-repeat center;}
.paging a.home:hover,.paging a.home2{background:url(img/home2.png) no-repeat center;}

.paging a.pre{background:url(img/pre.png) no-repeat center;}
.paging a.pre:hover,.paging a.pre2{background:url(img/pre2.png) no-repeat center;}

.paging a.next{background:url(img/next.png) no-repeat center;}
.paging a.next:hover,.paging a.next2{background:url(img/next2.png) no-repeat center;}

.paging a.end{background:url(img/end.png) no-repeat center;}
.paging a.end:hover,.paging a.end2{background:url(img/end2.png) no-repeat center;}

/* ?? ?? */
.pagination{padding:50px 10px 30px;margin:3px;text-align:center;font-size:14px;}
.pagination li{display:inline-block;*display:inline;zoom:1;margin:3px;border:1px solid #e5e5e5;background:#fff;line-height:27px;width:27px;;vertical-align: top;}
.pagination li:hover{text-decoration:none;}
.pagination .active{color:#000;background-color:#F0B24A;line-height:27px;width:27px;width:50px;margin:3px;border:1px solid #e5e5e5;display:inline-block;text-align:center;}
.pagination a.home{background:url(img/home.png) no-repeat center;}
.pagination a.home:hover,.pagination a.home2{background:url(img/home2.png) no-repeat center;}

.pagination a.pre{background:url(img/pre.png) no-repeat center;}
.pagination a.pre:hover,.pagination a.pre2{background:url(img/pre2.png) no-repeat center;}

.pagination a.next{background:url(img/next.png) no-repeat center;}
.pagination a.next:hover,.pagination a.next2{background:url(img/next2.png) no-repeat center;}

.pagination a.end{background:url(img/end.png) no-repeat center;}
.pagination a.end:hover,.pagination a.end2{background:url(img/end2.png) no-repeat center;}

a.gotop {
    display: block;
    width: 45px;
    height: 45px;
    background: #222 url(img/gotop.png) center center no-repeat;
    position: fixed;
    bottom: 20px;
    right: 0px;
    z-index: 102;
}